<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // ###  面向过程
    // 就是分析出解决问题所需要的步骤，然后用变量, 函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。

    // 购物车 
    // 1. 写这个购物车需要哪些功能 (加减  删除(单删|多删)  单选|全选  结算)
    // 2. 获取元素  加减
    // 3. 获取元素  删除
    // 4. 获取元素  全选 反选
    // 5. 获取元素  结算

    // ### 面向对象

    // 思想上提升, 就是将你的需求抽象成一个对象, 然后针对这个对象分析其特征(属性)与行为(方法) -- 这个对象就称之为类(面向对象)

    // 大量的封装 和  紧密的协作  
    /* 
        {     
            教学,
            班主任,
            就业,
            咨询,
            后勤,
            前台,
            财务,
            院校,
       } 
    */

    var zhang = {  // 对象数据  对一个或一类事物特征(属性)和行为(方法)的描述
        name: "张三",
        age: 18,
        say() {
            console.log(this.name, this.age);
        }
    }


    // 面向对象的三大特征  
    // 封装  继承  多态  (抽象)


    // 把大象放进冰箱中需要几步

    // 面向过程  => 就是分析出解决问题所需要的步骤，然后用变量, 函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。

    // var iceBox  
    // var elephant

    // open() 

    // put(target)

    // close()

    // 面向对象 =>  就是将你的需求抽象成一个对象, 然后针对这个对象分析其特征(属性)与行为(方法) -- 这个对象就称之为类(面向对象)

    // 冰箱 = {
    //     target, //大象,鸡蛋,西红柿
    //     open() { },
    //     put() { },
    //     close() { }
    // }


    // 简单的来说(最简单的面向对象  => 对象数据 {})
    // 把面向过程中的变量和函数  放到对象中  作为对象的属性和方法








</script>

</html>